extend personLeft.pug

block append pageStyle
	link(href="${relativePath}/static/css/personCenter/recharge.css" rel="stylesheet" type="text/css")

block personRight
	div.rightContent.fl
		//- 我的账户
		h3.chargeTitle 账户充值
		div.chargeBox
			form#charge
				div.row
					label 账户余额：
					span.money
						| <i></i>
						| 元
				div.row
					label 充值余额：
					input.moneyNum(type="text" name="moneyNum")
					i 元
				h4 选择支付方式
				ul.payBox
					li.current
						a(href="javascript:;") 支付宝支付
					//- li.wx
					//- 	a(href="javascript:;") 微信支付
				div.bottomBtn
					a#sure(href="javascript:;") 确定
		




block append pageScript
	script(src="${relativePath}/static/js/jquery.validate.min.js")
	script(src="${relativePath}/static/js/messages_zh.js")

	script.
		$(function(){
			//$("#account").addClass("current");
			$("#account").addClass("current").siblings().removeClass("current");
			//- 当前选中
			$("#rechage").addClass("current").siblings("a").removeClass("current");
			$(".payBox li").click(function() {
				$(this).addClass("current").siblings().removeClass("current");
			})


			var validator = $("#charge").validate({
				rules: {
					moneyNum:{
						required:true,
						number:true
					}
				},
				messages : {
					moneyNum:{
						required : "请输入金额"
					}
			    },
				errorPlacement: function(error, element) {  
					error.appendTo(element.closest(".row"));
				}
			});

			//- 点击确定提现
			$("#sure").click(function() {
				if(validator.form()) {
					$.post(shopIp+"/user/charge_amount",{
						userToken:token,
						charge_amount:$(".moneyNum").val()
					},function(data) {
						console.log(data);
					})
				}
			})

			//- 获取余额
			$.post(shopIp+"/user/info",{
				userToken:token
			},function(data) {
				//console.log(data);
				$(".money i").html(data.data.amount);
			})
			
		})


